<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/list.css">
    <title>Document</title>
</head>
<body>
    <header></header>
    <main>
        <div class="wrapper">
            <div class="subtitle">
                <img src="/images/list1.png">
                <h4>&nbsp;蛋糕筛选</h4>
                <h3>&nbsp;Filter Cake</h3>
            </div>
            <div class="select" id = "select">
                <!-- <h3>形状：</h3>
                <span>
                    <a href="javascript:;">全部</a>
                    <a href="javascript:;">圆形</a>
                    <a href="javascript:;">方形</a>
                    <a href="javascript:;">异形</a>
                </span>
                <br/> -->
         
            </div>
            <script type = "text/html" id = "selectTemplate">
                {{each list item}}
                <h3>{{item.name}}</h3>
                <span>
                    {{each item.items i}}
                    <a href="javascript:;">{{i}}</a>
                    {{/each}}
                </span>
                <br/>
                {{/each}}
            </script>
            <div class="submain">
                <div class="select01">
                    <h3>排序方式</h3>
                    <a href="javascript:;">销 量</a>
                    <a href="javascript:;">价 格 </a>
                    <a href="javascript:;">上架时间</a>
                    <select name="select" id="select">
                        <option value="1">从高到低</option>
                        <option value="2">从低到高</option>
                    </select>
                </div>
                <div class="list" id = "product">
                   
                </div>
                <script type = "text/html" id = "proTemplate">
                    {{each list item index}}
                        <dl>
                            <dt>
                                <a href="/html/detail.html?id={{item.id}}" target = "_blank">
                                    <img src="{{item.image}}" title="{{item.qunTitle}}">
                                </a>
                            </dt>
                            <dd>
                                <!-- <h3>{{index + 1}}</h3> -->
                            </dd>
                            <dd>
                                <h4><a href="/html/detail.html?id={{item.id}}" target = "_blank">{{item.qunTitle}}</a></h4>
                                <div class="pro_con">
                                    <div class="pro_con01">{{item.couponValue}}</div>
                                    <div class="pro_con02">{{item.title}}</div>
                                </div>
                                <div class="pro_price">
                                    <a href="/html/detail.html?id={{item.id}}">详情 >></a>
                                    <div class="right">
                                        <h2><a href="#">加入购物车</a></h2>
                                        <h1><span>原价:￥{{item.originPrice}}</span>  / 现价:￥{{item.price}}</h1>
                                    </div>
                                </div>
                            </dd>
                        </dl>
                    {{/each}}
                </script>
            </div>
        </div>
    </main>
    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/list"></script>
</html>